import { useTranslations } from 'next-intl';
import { SearchForm } from '@/components/search-form';
export default function Home() {
  const t = useTranslations('common');
  return (
    <div className="flex flex-col items-center justify-center min-h-[80vh] py-12">
      <div className="relative w-164 h-24 mb-6">
        <div className="absolute inset-0 flex items-center justify-center text-4xl font-bold text-primary">
          <span className="text-primary">{t('appName')}</span>
        </div>
      </div>
      <div className="mb-8 flex flex-col items-center w-[100%]">
        <SearchForm />
      </div>
      <div className="text-sm text-muted-foreground mt-8">
        <p>{t('description')}</p>
      </div>
    </div>
  );
}
